﻿<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>汛情预警</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"
          name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0;maximum-scale=1.0; user-scalable=no;" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"
          id="viewport" name="viewport">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">

    <link href="wxcss_mobile.css" rel="stylesheet" type="text/css">


</head>
<body>

    <div class="contBox">
        <div class="tabCont blockList ml10 mr10" style="display: block;">
            <ul>

                <li class="clearfix" style="padding:0px 10px 0px 10px;">
                    <a href="#">

                        <img src="../images/ld_blue.jpg" />

                        <dl><dt style="font-family:SimSun;font-size:10pt;color:#000000">预警1</dt><dd class="tip" style="font-family:SimSun;font-size:10pt;color:#000000">气象台 &nbsp;<span class="data" style="font-family:SimSun;font-size:10pt;color:#000000;float:right">2012</span></dd></dl>

                        <div class="clear" style="font-family:SimSun;font-size:10pt;color:#000000;line-height:25px">&nbsp;&nbsp;test</div>

                    </a>
                </li>

                <li class="clearfix" style="padding:0px 10px 0px 10px;">
                    <a href="#">

                        <img src="../images/ld_blue.jpg" />

                        <dl><dt style="font-family:SimSun;font-size:10pt;color:#000000">预警2</dt><dd class="tip" style="font-family:SimSun;font-size:10pt;color:#000000">气象台 &nbsp;<span class="data" style="font-family:SimSun;font-size:10pt;color:#000000;float:right">2012</span></dd></dl>

                        <div class="clear" style="font-family:SimSun;font-size:10pt;color:#000000;line-height:25px">&nbsp;&nbsp;test</div>

                    </a>
                </li>

                <li class="clearfix" style="padding:0px 10px 0px 10px;">
                    <a href="#">

                        <img src="../images/ld_blue.jpg" />
                        
                        <dl><dt style="font-family:SimSun;font-size:10pt;color:#000000">预警3</dt><dd class="tip" style="font-family:SimSun;font-size:10pt;color:#000000">气象台 &nbsp;<span class="data" style="font-family:SimSun;font-size:10pt;color:#000000;float:right">2012</span></dd></dl>

                        <div class="clear" style="font-family:SimSun;font-size:10pt;color:#000000;line-height:25px">&nbsp;&nbsp;test</div>

                    </a>
                </li>

                <li class="clearfix" style="padding:0px 10px 0px 10px;">
                    <a href="#">

                        <img src="../images/ld_blue.jpg" />

                        <dl><dt style="font-family:SimSun;font-size:10pt;color:#000000">预警4</dt><dd class="tip" style="font-family:SimSun;font-size:10pt;color:#000000">气象台 &nbsp;<span class="data" style="font-family:SimSun;font-size:10pt;color:#000000;float:right">2012</span></dd></dl>

                        <div class="clear" style="font-family:SimSun;font-size:10pt;color:#000000;line-height:25px">&nbsp;&nbsp;test</div>

                    </a>
                </li>

                <li class="clearfix" style="padding:0px 10px 0px 10px;">
                    <a href="#">

                        <img src="../images/ld_blue.jpg" />

                        <dl><dt style="font-family:SimSun;font-size:10pt;color:#000000">预警5</dt><dd class="tip" style="font-family:SimSun;font-size:10pt;color:#000000">气象台 &nbsp;<span class="data" style="font-family:SimSun;font-size:10pt;color:#000000;float:right">2012</span></dd></dl>

                        <div class="clear" style="font-family:SimSun;font-size:10pt;color:#000000;line-height:25px">&nbsp;&nbsp;test</div>

                    </a>
                </li>

                <li class="clearfix" style="padding:0px 10px 0px 10px;">
                    <a href="#">

                        <img src="../images/ld_blue.jpg" />

                        <dl><dt style="font-family:SimSun;font-size:10pt;color:#000000">预警6</dt><dd class="tip" style="font-family:SimSun;font-size:10pt;color:#000000">气象台 &nbsp;<span class="data" style="font-family:SimSun;font-size:10pt;color:#000000;float:right">2012</span></dd></dl>

                        <div class="clear" style="font-family:SimSun;font-size:10pt;color:#000000;line-height:25px">&nbsp;&nbsp;test</div>

                    </a>
                </li>
            </ul>
        </div>
        <div class="tabCont blockList" style="display: none;">
            <div class='nodataTip'>
                无预警信息!
            </div>
        </div>

    </div>
    <script src="static/jquery/jquery-2.1.4.min.js"></script>
    
    <script src="wxjs_mobile.js">
    </script>
    <!--定时滚动end-->
    <script type="text/javascript">
        $(function () {
            setInterval('autoScroll(".tabCont")',5000);
        })
        //定时滚动
        function autoScroll(obj) {
            var hh = $(".tabCont li").height();
            $(obj).find("ul").animate({
                marginTop: -hh + "px"
            }, 1000, function () {
                $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
            })
        }

    </script>
</body>
</html>